<template>
  <div>
    <h1>{{ index }} - MyCounter: {{ count }}</h1>
    <button @click="add">+= 10</button>
  </div>
</template>

<script>
export default {
  name: "MyCounter",
  props: ['index'],
  data() {
    return {
      count: 101
    }
  },
  methods: {
    add() {
      this.count += 10
    }
  }
}
</script>

<style scoped>

</style>